<template>
	<el-row>
		<el-col :span="24">
			<div class="grid-content bg-purple-dark">
				<p class="view-title"><slot name="view-title">首页</slot></p>
				<slot name="allmessage"></slot>
				<img src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" class='avatar'>
				<span class="usname">{{JSON.parse($store.state.userinfo).username}}</span>
			</div>
		</el-col>
	</el-row>
</template>

<script>
	export default {
		name: 'wraptitle',
	}
</script>

<style lang="scss">
	.bg-purple-dark {
		background: #fff;
		min-height: 56px;
		color: #000;
		font-weight: 700;
		font-size: 16px;
		box-shadow: 1px 1px 10px 1px rgba(38,42,48,.1);

		.view-title {
			padding: 18px;
			position: fixed;
		}

		.avatar {
			position: fixed;
			right: 70px;
			width: 30px;
			height: 30px;
			top: 13px;
		}

		.usname {
			padding: 18px 0;
			position: fixed;
			right: 15px;
		}
	}
</style>
